@value large-tablet-breakpoint-query from '~diem-docusaurus-components/src/variables.module.css';

.root {
  --right-sidebar-horizontal-padding: 29px;
  border-left-color: var(--default-border-color);
  border-left-style: solid;
  border-left-width: 1px;
  display: none;
  flex-shrink: 0;
  max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  position: sticky;
  right: 0;
  top: 0;
  width: var(--right-sidebar-width);
}

@media large-tablet-breakpoint-query {
  .root {
    display: block;
  }
}
